import { createBrowserRouter, Navigate } from 'react-router-dom'

import Main from '../pages/main'
import Home from '../pages/home'
import Mall from '../pages/mall'
import User from '../pages/user'
import PageOne from '../pages/other/pageOne'
import PageTwo from '../pages/other/pageTwo'

const routes = createBrowserRouter([
  {
    path: '/',
    // element: <Main />,
    Component: Main,
    children: [
      {
        path: '/',
        element: <Navigate to="home" replace />
      },
      {
        path: 'home',
        element: <Home />,
      },
      {
        path: "mall",
        Component: Mall
      },
      {
        path: "user",
        Component: User
      },
      {
        path: "other",
        children: [
          {
            path: 'pageOne',
            Component: PageOne
          },
          {
            path: 'pageTwo',
            Component: PageTwo
          }
        ]
      },
    ],
  }
])

export default routes